<template>
  <div class="page">
    <!-- header -->
    <van-nav-bar
      :z-index="999"
      :fixed="true"
      left-arrow
      @click-left="onClickLeft"
      :placeholder="true"
      title="陪练详情"
    ></van-nav-bar>
    <div class="detail-page">
      <div class="in-panel">
        <div class="in-panel-bd">
          <van-cell class="teach-cell" center>
            <template #icon>
              <div class="teach-avatar">
                <img src="../../assets/avatar.jpg" alt />
              </div>
            </template>
            <template #title>
              <div class="cl-heading">
                <div class="cl-name">郭先生</div>
                <div class="cl-tag">15年驾龄</div>
              </div>
              <div class="cl-tprice">40元/小时</div>
              <div class="cl-attr">
                <span>河北石家庄</span>
              </div>
            </template>
          </van-cell>
        </div>
      </div>

      <div class="in-panel">
        <div class="in-panel-hd">
          <div class="tt">学员评论</div>
          <div @click="href('/LadderPlayer')" class="more">
            全部评论(33)
            <van-icon name="arrow" />
          </div>
        </div>
        <div class="acc-raty">
          <div class="raty-box">
            <van-icon name="star" />
            <van-icon name="star" />
            <van-icon name="star" />
            <van-icon name="star" />
            <van-icon name="starss" />
            <span>5</span>
          </div>
          <div class="raty-val">
            <div class="item">
              服务：
              <span>5.0</span>
            </div>
            <div class="item">
              教学：
              <span>5.0</span>
            </div>
            <div class="item">
              收费：
              <span>5.0</span>
            </div>
          </div>
        </div>
        <div class="in-panel-bd">
          <van-cell class="nBss-cell">
            <template #icon>
              <div class="nb-avatar">
                <img src="../../assets/avatar2.png" alt />
              </div>
            </template>
            <template>
              <div class="info">
                <div class="author">匿名评论</div>
                <div class="comment-attr">
                  <div class="postTime">2020/05/29</div>
                  <div class="raty-box">
                    <van-icon name="star" />
                    <van-icon name="star" />
                    <van-icon name="star" />
                    <van-icon name="star" />
                    <van-icon name="starss" />
                    <span>5</span>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="text">
                  <span>今天上午科目四顺利通过，坐等下午拿证，感谢驾校一点通。</span>
                </div>
                <div class="bottom-icon">
                  <div class="icon">
                    <van-icon name="eye-o" />9
                  </div>
                  <div class="icon">
                    <van-icon name="like-o" />0
                  </div>
                </div>
              </div>
            </template>
          </van-cell>
        </div>
      </div>

      <div class="in-panel">
        <div class="in-panel-hd">
          <div class="tt">简介</div>
          <div class="more">
            查看全部
            <van-icon name="arrow" />
          </div>
        </div>
        <div class="in-panel-bd">
          <div class="jj-title">专业有本上路市区陪练</div>
          <div class="coach-intro">性别：男</div>
          <div class="coach-intro">驾龄：18年</div>
          <div
            class="coach-intro"
          >本校练车本校考试,考试不通过退还报名费培训学校是省、市交管部门首批设立的专业机动车驾驶员培训学校。我校自开办以来，始终本着“质量第一、诚实守信”的办学宗旨</div>
        </div>
      </div>
      <div class="in-panel">
        <van-cell class="manager-cell" center icon="manager" title="我是陪练,立即入住收入翻倍" is-link></van-cell>
      </div>
    </div>
    <!-- <div class="space-in"></div>
    <div class="in-tabbar">
      <van-button type="primary" block to="/ChargEconsult">
        <van-icon name="phone-circle" />
        <span>免费咨询</span>
      </van-button>
      <van-button @click="href('/ApplyOnline')" type="primary" block plain>
        <van-icon name="comment-circle" />
        <span>在线报名</span>
      </van-button>
    </div>-->
  </div>
</template>
<script>
export default {
  data() {
    return {
      text: ""
    };
  },
  methods: {
    href(url) {
      this.$router.push({ path: url });
    },
    onClickLeft() {
      this.$router.go(-1); //返回上一层
    }
  },
    created(){
    let dsBridge = require("dsbridge");
         dsBridge.call("goBack","", function() {
           history.go(-1);
         });
   },
};
</script>
<style>
</style>
